<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Thymeleaf3 + Servlet3 示例</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"  crossorigin="anonymous">
</head>
<body>
<h1>Thymeleaf 3 + Servlet 3 示例</h1>
<table class="table  table-bordered table-dark">
    <thead>
    <tr>
        <th>品牌</th>
        <th>平均速度</th>
        <th>一百公里用油量</th>
    </tr>
    </thead>
    <tbody >
    <tr th:each="cars : ${cars}">
        <td th:text="${cars.brand}"></td>
        <td th:text="${cars.speed}"></td>
        <td th:text="${cars.oil}"></td>
    </tr>
    </tbody>
</table>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"  crossorigin="anonymous"></script>

</body>
</html>
